<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>我的代理</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileColor" content="#0e90d2">
    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
  <link rel="canonical" href="http://www.example.com/">
  -->
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
        <style>

            .am-tabs-default .am-tabs-nav > .am-active a {
                background-color: #ffad01;
                color: #fff;
            }

            *{
                margin: 0;
                padding: 0;
                border: 0;
            }
            body{
                /*background: #EFEFEF;*/

            }
            a{
                text-decoration: none;
            }
            .box{
                width: 100%;
                height:100%;
                text-align: center;
            }
            .box img{
                margin:60px 0 50px;
            }
            .box p{
                font-size:20px;
                color: #666;
                line-height: 30px;
                margin: 0px 0 0px;;
            }
            .btn{
                display: inline-block;
                width: 90%;
                line-height:44px ;
                text-align: center;
                background: #FFAD01;
                color: #FFF;
                border-radius: 5px;
                font-size: 18px;
                font-weight: 700;
                margin-top: 50px;;
            }
            .info{
                width: 100%;
                height: 180px;
                background: url("__PUBLIC__/new_images/bg.png");
                -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
            }
            .info-left{
                width: 49%;
                height: 100%;
                float: left;
            }
            .info-mid{
                width: 1%;
                float: left;
                border-right:1px solid #fff;
                height: 110px;
                margin: 35px 0px;
            }
            .info-right{
                width: 49%;
                height: 100%;
                float: left;
                text-align: center;
            }
            .info-left-content{
                text-align: center;
                margin-top: 25px;
            }
            .user{
                font-size: 10px;
                color: #FFF;
                background: rgba(0,0,0,0.5);
                display: inline-block;
                padding: 2px 12px;
                margin-top: 5px;
                border-radius: 10px;
            }
            .month{
                font-size: 12px;
                display: block;
                color: #FFF;
                margin-top: 20px;
            }
            .agent{
                display: block;
                font-size: 22px;
                color: #FFF;
                margin-top: 50px;
            }
            .num{
                display: block;
                font-size: 18px;
                color: #FFF;
                margin-top: 30px;
            }
            .list{
                margin-top: 10px;
                background: #FFFBF7;
                width: 100%;

            }
            .list-row{
                line-height: 54px;
                margin: 0 5px;
                border-bottom: 1px solid #D6D4D2;
                padding: 5px;
            }
            .list-row img{
                border-radius: 50%;
                vertical-align: middle;
            }
            .row-info{
                font-size: 10px;
                color: #FFF;
                background: rgba(0,0,0,0.3);
                display: inline-block;
                padding: 2px 12px;
                margin-top: 5px;
                border-radius: 10px;
                line-height: 1.2em;
                margin-left: 5px;
                max-width: 100px;
                overflow: hidden;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                white-space:nowrap;
            }
            .month-num,.total-num{
                display: inline-block;
                color: #666;
                font-size: 10px;
                text-align: right;
                margin-right: 10px;;
            }
        </style>
</head>
<body>

    <eq name="type" value="1">
        <div class="info">
            <div class="info-left">
                <div class="info-left-content">
                    <img src="{$oneUser['head_pic']}" width="60" height="60" alt="" style="border: 1px solid #FFF;border-radius: 50%;"><br>
                    <span class="user">{$oneUser['nickname']}</span>
                    <span class="month">月销售量:{$oneUser['self_month_sales']}</span>
                </div>
            </div>
            <div class="info-mid">
            </div>
            <div class="info-right">
                <!--<span class="agent">总代理</span>-->
                <span class="num" style="margin-top: 40px;">团队月总销售量  {:number_format($oneUser['self_month_sales']+$oneUser['one_month_sales']+$oneUser['two_month_sales']+$oneUser['three_month_sales'],2)}</span>
                <span class="num" style="margin-top: 27px;">自身总销售量  {$oneUser['self_sales']}</span>
            </div>
        </div>
        <div data-am-widget="tabs"  class="am-tabs am-tabs-d2" style="margin: 0px;">
            <ul class="am-tabs-nav am-cf">
                <li class="am-active" style="background-color: #ffffff"><a href="[data-tab-panel-0]">直属代理</a></li>
                <li class="" style="background-color: #ffffff"><a href="[data-tab-panel-1]">二级代理</a></li>
                <li class="" style="background-color: #ffffff"><a href="[data-tab-panel-2]">三级代理</a></li>
            </ul>
            <div class="am-tabs-bd" style="border: none;">
                <div data-tab-panel-0 class="list am-tab-panel am-active" >
                    <volist name="userList.oneUserList" id="vo">
                        <div class="list-row">
                            <img src="{$vo['head_pic']}" width="44" height="44"  alt=""><span class="row-info">{$vo['nickname']}</span>
                            <div style="float: right">
                                <span class="month-num">月销售量：{$vo['self_month_sales']}</span><span class="total-num">总销售量：{$vo['self_sales']}</span>
                            </div>
                        </div>
                    </volist>
                </div>
                <div data-tab-panel-1 class="list am-tab-panel " >
                    <volist name="userList.twoUserList" id="vo">
                        <div class="list-row">
                            <img src="{$vo['head_pic']}" width="44" height="44"  alt=""><span class="row-info">{$vo['nickname']}</span>
                            <div style="float: right">
                                <span class="month-num">月销售量：{$vo['self_month_sales']}</span><span class="total-num">总销售量：{$vo['self_sales']}</span>
                            </div>
                        </div>
                    </volist>
                </div>
                <div data-tab-panel-2 class="list am-tab-panel ">
                    <volist name="userList.threeUserList" id="vo">
                        <div class="list-row">
                            <img src="{$vo['head_pic']}" width="44" height="44"  alt=""><span class="row-info">{$vo['nickname']}</span>
                            <div style="float: right">
                                <span class="month-num">月销售量：{$vo['self_month_sales']}</span><span class="total-num">总销售量：{$vo['self_sales']}</span>
                            </div>
                        </div>
                    </volist>
                </div>
            </div>
        </div>
    </eq>
    <script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
    <script src="__PUBLIC__/layer/layer.js"></script>
<script type="text/javascript">

    var type = {$type};
    $(function(){

        if(type == 0){

            layer.msg('您还不是代理商', function(){

                window.location.href = "__APP__/Home/Me/index";

            });

        }


    });

</script>
</body>
</html>